<template>
	<view class="shezi">
		<!-- 标题 -->
		<view class="nav">
			<view>设置</view>
			<image src="../../../static/index/tui.png" mode="" @click="toBack"></image>
		</view>
		<!-- 表单 -->
		<view class="ipt">
			<view class="ipt-item">
				<view class="item-title">
					账号ID
				</view>
				<view class="item-body">
					1008611
				</view>
			</view>
			<view class="ipt-item">
				<view class="item-title">
					手机号
				</view>
				<view class="item-body">
					<text>138****8888</text>
					<text>&gt;</text>
				</view>
			</view>
			<view class="ipt-item">
				<view class="item-title">
					微信号
				</view>
				<view class="item-body">
					<text>立即绑定</text>
					<text>&gt;</text>
				</view>
			</view>
			<view class="ipt-item">
				<view class="item-title">
					注销账号
				</view>
				<view class="items">
					<text>注销后账号内数据无法恢复，请谨慎操作</text>
					<text>&gt;</text>
				</view>
			</view>
			<!-- 按钮 -->
			<view class="btn">
				<u-button shape="circle" @click="toBack">退出</u-button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			toBack(){ // 回
				uni.switchTab({
				    url: '/pages/my/my'
				});
			}
		}
	}
</script>

<style scoped lang="scss">
.shezi{
	padding: 87rpx 54rpx 0 35rpx;
	.nav{
		display: flex;
		justify-content: space-between;
		image{
			width: 48rpx;
			height: 48rpx;
		}
		view{
			font-size: 46rpx;
			font-family: Microsoft YaHei;
			font-weight: bold;
			color: #000000;
		}
	}
	.ipt{
		margin-top: 45rpx;
		.btn{
			margin-top: 55rpx;
		}
		.ipt-item{
			display: flex;
			justify-content: space-between;
			// background-color: #18B566;
			width: 690rpx;
			height: 126rpx;
			line-height: 100rpx;
			border-bottom: 1px solid #F4F4F4;
			.item-title{
				font-size: 30rpx;
				font-family: Microsoft YaHei;
				font-weight: 400;
				color: #000000;
			}
			.item-body{
				font-size: 28rpx;
				font-family: Microsoft YaHei;
				font-weight: 400;
				color: #B2B2B2;
			}
			.items{
				font-size: 22rpx;
				font-family: Microsoft YaHei;
				font-weight: 400;
				color: #B2B2B2;
			}
		}
	}
}
</style>
